<!DOCTYPE html>
<html lang="en" ng-app="register">
<head>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta charset="UTF-8">
    <title>团购商城_注册</title>
    <link rel="stylesheet" href="../app/css/comment.css">
    <link rel="stylesheet" href="../app/lib/sm.min.css">
    <link rel="stylesheet" href="../app/lib/sm-extend.min.css">
    <link rel="stylesheet" href="../app/font-awesome-4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="../app/css/register.css">
    <script src="../app/lib/jquery-min.js"></script>
    <script src="../app/lib/angular.min.js"></script>
</head>
<body style=" width: 100%; height: 100%; background:url(../app/img/login_back.jpg);">
<header class="bar bar-nav">
    <a href="../app/html/login.html" class="icon icon-left pull-left"></a>

    <h1 class="title">团购商城注册</h1>
</header>
<div class="register" ng-controller="registerController">
    <form name="regsubmit" ng-submit="usersubmit()">
        <label id="userPhone"><span class="fa fa-phone"></span><input name="userPhone"
                                                       ng-model="userdata.userPhone"
                                                       type="text"
                                                       ng-minlength="11"
                                                       ng-maxlength="11"
                                                       required
                                                       placeholder="输入手机号"></label>
        <span class="registerspan" ng-if="regsubmit.userPhone.$error.required&&regsubmit.userPhone.$touched">电话不能为空</span>
        <span class="registerspan" ng-if="(regsubmit.userPhone.$error.minlength||userdata.userPhone.$error.maxlength)&&regsubmit.userPhone.$touch">请输入11位手机号码</span>
        <label id="labtwo"><input style="text-align: center;" class="labtwoinpt" id="yzmnum" type="text"
                                  maxlength="5"><input class="labtwoinpt" id="yzm" type="button" value="获取验证码"></label>


        <label id="labthree"><span class="fa fa-file-text-o"></span><input id="mmone"
                                                             class="password"
                                                             type="password"
                                                             name="password"
                                                             required
                                                             ng-maxlength="16"
                                                             ng-minlength="6"
                                                             ng-model="userdata.password"
                                                             placeholder=" 密码最多16位"><span class="fa fa-eye fr "></span></label>
        <span class="registerspan" ng-if="regsubmit.password.$error.required&&regsubmit.password.$touched">密码不能为空</span>
        <span class="registerspan" ng-if="(regsubmit.password.$error.minlength||regsubmit.password.$error.maxlength)&&regsubmit.password.$touched">密码应在6-16位之间</span>

        <label id="labfour"><span class="fa fa-file-text-o"></span><input id="mmtwo"
                                                             class="password"
                                                             type="password"
                                                             name="password1"
                                                             required
                                                             compare="userdata.password"
                                                             ng-model="userdata.password1" placeholder="确定密码"><span
                class="fa fa-eye fr "></span></label>
        <span style="color: red" ng-show="regsubmit.password.$valid">
                        <span ng-show="password!=password1">*两次密码输入不一致</span>
                    </span>

        <a href="../app/html/login.html"><input ng-disabled="regsubmit.userPhone.$invalid ||regsubmit.password.$invalid || password != password1" type="submit" class="registerbut" value="去登录"></a>
        <br>
        <label style="border: 0;" ><input checked="checked" style="margin-left: 15px;" type="checkbox"><a href="#">同意《团购商城协议》</a></label>
    </form>

</div>

</body>
<script src="regis.js"></script>
</html>